<template>
	<div class="bacg-heard-card">
		<!-- nav -->
		<van-nav-bar 
		  title="简历首页"
		  placeholder
		  fixed
		/>
		<div class="header-alavter" @click="alavterHandel">
			<div class="header-alavter-img">
				<img src="../../../../assets/mypic.jpg" alt="">
			</div>
			<div class="header-alavter-text">
				<span class="names">王占胜</span>
				<div class="header-text-span">
					<span>男丨</span>
					<span>21岁丨</span>
					<span>21年应届毕业生丨</span>
					<span>团员</span>
				</div>
			</div>
		</div>
		
		<div class="hearder-icon-wrap">
			<div class="hearder-icon">
				<van-icon name="phone"size="1.8rem" color="#1989fa"/>
				<span>17612995801</span>
			</div>
			<div class="hearder-icon">
				<van-icon name="invition"size="1.8rem" color="#1989fa"/>
				<span>2585717148@qq.com</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			alavterHandel(){
				this.$router.push('/userinfo')
			}
		}
	}
</script>

<style lang="scss">
	.bacg-heard-card{
		background-image: linear-gradient(to top,#ffffff 5%,#55aaff 100%);
		padding: 10px 0;
		box-sizing: border-box;
	}
	.header-alavter{
		padding: 20px;
		display: flex;
		align-items: center;
		.header-alavter-img{
			padding-right:10px ;
			img{
				width: 80px;
				height: 80px;
				border-radius: 50%;
			}
			
		}
		.header-alavter-text{
			.header-text-span{
				span{
					padding-top:10px;
				font-size: 15px;
				}
			}
			.names{
				font-size: 20px;
				font-weight: bold;
			}
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
		}
		
	}
	
	.hearder-icon-wrap{
		padding: 10px 20px 10px 20px;
		.hearder-icon{
			margin-bottom: 10px;
			display: flex;
			justify-content: start;
			align-items: center;
			span{
				font-size: 20px;
				margin-left: 10px;
			}
		}
	}
	
</style>
